/* line 2, ../sass/aboutqian.scss */
.clearfix {
  zoom: 1;
}
/* line 4, ../sass/aboutqian.scss */
.clearfix:after {
  display: block;
  content: "";
  clear: both;
  overflow: hidden;
}

/* line 13, ../sass/aboutqian.scss */
.j_header .bgcolor {
  background-color: #e34a4e;
}
/* line 16, ../sass/aboutqian.scss */
.j_header a {
  width: 50%;
  height: 2.73rem;
  float: left;
  color: #f1e0ed;
  background-color: #4c4948;
  font-size: .27rem;
  text-align: center;
  position: relative;
}
/* line 26, ../sass/aboutqian.scss */
.j_header a.bgcolor .icon_11, .j_header a.bgcolor .icon_22 {
  display: inline-block;
}
/* line 29, ../sass/aboutqian.scss */
.j_header a.bgcolor .icon_01, .j_header a.bgcolor .icon_02 {
  display: none;
}
/* line 33, ../sass/aboutqian.scss */
.j_header a .icon_01,
.j_header a .jt,
.j_header a .icon_02,
.j_header a .icon_11,
.j_header a .icon_22 {
  background: url("../img/img.png") no-repeat;
  background-size: 2.07rem 8.97rem;
  background-position: -.04rem -3.65rem;
  width: .76rem;
  height: .75rem;
  display: inline-block;
  margin-top: .69rem;
}
/* line 46, ../sass/aboutqian.scss */
.j_header a .icon_02 {
  background-position: -1.31rem 0;
}
/* line 49, ../sass/aboutqian.scss */
.j_header a .icon_11 {
  background-position: 0 -.95rem;
  display: none;
}
/* line 53, ../sass/aboutqian.scss */
.j_header a .icon_22 {
  background-position: -1.28rem -4.95rem;
  display: none;
}
/* line 57, ../sass/aboutqian.scss */
.j_header a .txt {
  display: block;
  margin-top: .2rem;
}
/* line 61, ../sass/aboutqian.scss */
.j_header a .jt {
  width: .21rem;
  height: .24rem;
  background-position: 0 0;
  display: block;
  color: red;
  position: absolute;
  right: .47rem;
  top: 50%;
  margin-top: -.19rem;
}

/* line 77, ../sass/aboutqian.scss */
.content img,
.content2 img {
  width: 100%;
}
/* line 80, ../sass/aboutqian.scss */
.content .tel,
.content2 .tel {
  position: absolute;
  bottom: 1.67rem;
  width: 1.12rem;
  height: 1.13rem;
  background: url(../img/img.png) no-repeat;
  background-size: 2.07rem 8.97rem;
  background-position: 0 -7.87rem;
  display: block;
  left: 50%;
  margin-left: -.78rem;
}

/* line 95, ../sass/aboutqian.scss */
.content2 img {
  width: 100%;
}

/* line 4, ../sass/index.scss */
#foo {
  position: absolute;
  width: 100%;
  bottom: 0;
}

/* line 10, ../sass/index.scss */
.scroll {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 15, ../sass/index.scss */
.scroll .step {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform 300ms ease-out;
}

/* line 28, ../sass/index.scss */
.swipe-list-1 {
  background: #eeddeb;
  z-index: 2;
}
/* line 32, ../sass/index.scss */
.swipe-list-1 .logo_img img {
  position: absolute;
  display: block;
  width: 6rem;
  height: 7.92rem;
  left: 50%;
  top: 50%;
  margin-left: -3rem;
  margin-top: -3.96rem;
}

/* line 45, ../sass/index.scss */
.swipe-list-2 {
  z-index: 1;
  padding-top: 1.03rem;
  background-color: #eeddeb;
}
/* line 49, ../sass/index.scss */
.swipe-list-2 .icons_wrap {
  overflow: hidden;
  height: 2rem;
  width: 8rem;
  margin: 0 auto;
}
/* line 54, ../sass/index.scss */
.swipe-list-2 .icons_wrap .icon_txts {
  color: #585757;
  font-family: "Microsoft YaHei";
  display: block;
  margin-top: 1.67rem;
  font-size: .27rem;
  text-align: center;
}
/* line 62, ../sass/index.scss */
.swipe-list-2 .icons_wrap .active {
  color: #a04f90;
}
/* line 65, ../sass/index.scss */
.swipe-list-2 .icons_wrap .icon-1 {
  background: url(../img/circle_03.png) no-repeat;
}
/* line 68, ../sass/index.scss */
.swipe-list-2 .icons_wrap .icon-2 {
  background: url(../img/circle_01.png) no-repeat;
}
/* line 71, ../sass/index.scss */
.swipe-list-2 .icons_wrap .icon-3 {
  background: url(../img/circle_02.png) no-repeat;
}
/* line 74, ../sass/index.scss */
.swipe-list-2 .icons_wrap .icon-4 {
  background: url(../img/circle_04.png) no-repeat;
}
/* line 77, ../sass/index.scss */
.swipe-list-2 .icons_wrap .icons {
  width: 1.44rem;
  height: 1.45rem;
  float: left;
  display: block;
  margin: 0 .27rem;
  background-size: 100%;
}
/* line 86, ../sass/index.scss */
.swipe-list-2 .tit {
  width: 9.07rem;
  margin: .53rem auto 0 auto;
}
/* line 89, ../sass/index.scss */
.swipe-list-2 .tit p {
  font-size: .33rem;
  color: #3da0ae;
  text-align: center;
}
/* line 94, ../sass/index.scss */
.swipe-list-2 .tit p:last-child {
  margin-top: .2rem;
}
/* line 98, ../sass/index.scss */
.swipe-list-2 .videobg {
  position: relative;
  margin-top: .8rem;
}
/* line 101, ../sass/index.scss */
.swipe-list-2 .videobg img {
  margin: 0 auto;
  width: 100%;
  height: 11.6rem;
}
/* line 106, ../sass/index.scss */
.swipe-list-2 .videobg .j_video_btn {
  position: absolute;
  bottom: 4.35rem;
  width: 2.53rem;
  height: 2.27rem;
  display: block;
  left: 50%;
  margin-left: -1.2rem;
}

/* line 120, ../sass/index.scss */
* {
  -webkit-transform: all 1s;
  transform: all 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/* line 159, ../sass/index.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
